<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>简历</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
        integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  <style type="text/css">
    body {
      font-family: "PingFang SC", Source Sans Pro,sans-serif;
      background: rgb(250,250,250);
    }
    .container{ width: 860px}
    .portrait {
      max-height: 150px;
      max-width: 140px;
      margin: 0 auto;
    }

    [class*=card] {
      /*background: rgb(109, 116, 129);
      filter: brightness(1.01)*/
    }

    .card-block {
      position: relative
    }

    .card-block::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.3);
      content: '';
    }
    .card-block:last-child::after{
      border: none
    }
    .hr {
      border-top-color: rgba(0, 0, 0, 0.3)
    }
    .card-text{
      font-size: 14px 
    }
    h4{
      font-size: 22px
    }
  </style>
</head>
<body>
<div class="container">
  <div class="card-group">
    <div class="card col-sm-4">
      <hr class="mb-4 ">
      <img class="card-img-top img-thumbnail portrait" src="./portrait.png">
      <div class="card-block">
        <hr class="mb-4 hr">
        <h4 class="card-title">我的简历</h4>
        <p class="card-text">
          <strong>姓名：</strong>高 健<br>
          <strong>居住地：</strong>杭州市滨江区<br>
          <strong>TEL：</strong>15501071030 <br>
          <strong>EMail：</strong><br>NoJolf@outlook.com
        </p>
      </div>
    </div>
    <div class="card col-sm-8">
      <div class="card-block">
        <h4 class="card-title">教育经历 <span class="badge badge-primary"
            data-toggle="tooltip" title="Education" data-placement="right">E</span></h4>
        <p class="card-text">2010-2014 北方工业大学 土木工程系</p>
      </div>
      <div class="card-block">
        <h4 class="card-title">工作经历 <span class="badge badge-primary"
          data-toggle="tooltip" title="Work" data-placement="right">W</span></h4>
        <p class="card-text">
          2014.8 - 2016.4 -- 浙江新中环建筑设计有限公司 结构设计工程师 <br>
          2016.8 - 2017.3 --  华峰科技 前端工程师 <br>
          2017.5 - 2017.11 --  百部科技有限公司
        </p>
      </div>
      <div class="card-block">
        <h4 class="card-title">项目经历 <span class="badge badge-primary"
          data-toggle="tooltip" title="Items" data-placement="right">I</span></h4>
        <p class="card-text pjt-content">
          <strong>百部科技公司网页</strong><br />
          <strong>项目介绍:</strong>关于医院后台的管理系统, 数据库采用mssql, 中间层采用webservice, 前端采用vue全家桶。<br />
          <strong>项目责任:</strong>负责前端页面用与展示公司业务，负责后台页面负责消息发布，文件上传。负责服务器编写，采用无数据库以文件存储的方式，管理后台上传。(因为不存在并发的情况)<br />
          <strong>工作简介:</strong>express编写后台服务器，nginx反向代理80端口，使用pug模板。<br />
          <strong>百部科技后台管理系统 Vue</strong><br />
          <strong>项目介绍:</strong>关于医院后台的管理系统, 数据库采用mssql, 中间层采用webservice, 前端采用vue全家桶。<br />
          <strong>项目责任:</strong>负责前端页面的编写。<br />
          <strong>工作简介:</strong>这个后台系统涉及跨域，执行dll，图片上传，打印，多数据库链接，以及IE9以上的兼容性等问题。<br />
          我的工作在于构建前端框架，UI方面单色简洁，性能方面保证现代浏览器和IE10以上的流畅运行，网络方面通过webpack打包，js请求异步、gzip压缩等方法以减少首屏加载的压力。<br />
          <strong>化验单查询应用 koa2</strong><br />
          <strong>项目介绍:</strong>用于医院用户通过手机浏览器包括微信公众号查询化验报告单。<br />
          <strong>项目责任:</strong>后台Rest服务器的编写<br />
          <strong>工作简介:</strong>由于webservice输出的是xml，前端的安卓机尤其是小米，华为的微信页面http请求出现了异常(正确的数据进了error回调)，加上xml统一解析，连续异步请求实现的逻辑复杂，为了简化前端逻辑和优化兼容，所以增加这一层，将多个异步和数据处理都放在后台，实现一次请求一个feed回调。<br />
          <strong>移动应用的开发 React Native</strong><br />
          <strong>项目介绍:</strong>用于医疗事业，增进用户和医生沟通的移动app(未完)<br />
          <strong>项目责任:</strong>RN编写。<br />
          <strong>工作简介:</strong>React Native前端原生框架编写，开始使用的是React Native Navigation，这个框架比较新，不稳定，后放弃，等出2.0。
          页面比例采用宽度,元素点和像素密度结合适配，图标统一使用svg，状态管理使用redux，用WithModal封装模态窗，UI方面部分使用ant-mobile，IM使用网易云信。
        </p>
      </div>
      <div class="card-block">
        <h4 class="card-title">技能特长 <span class="badge badge-primary"
         data-toggle="tooltip" title="Skill" data-placement="right">S</span></h4>
        <p class="card-text">
          1. HTML、CSS、Javascript，jQuery 精通。<br>
          2. pug Html模板，stylus Css编译工具。<br>
          3. photoshop、AI、gravit 绘图操作。<br>
          4. snapjs制作动态svg。<br>
          5. vue，vuex，vue-route，在github上push过vue的Component。<br>
          6. react native 编程经历，redux状态管理思想和实现，使用过rn，rnn两类导航工具，熟练不涉及原生底层的RN编写。<br>
          7. nodejs开发，express，koa2，数据库模式，RESTFUL接口实现，熟悉服务器，http协议。<br>
          8. ionic，nw.js 初步了解。<br />
          9. 熟练的node工具，lodash，he等，所有IDE都用过，目前用vscode。<br />
          10. mongodb，redis 数据库熟悉。<br>
          12. pm2服务挂载，nginx反向代理。<br>
          13. 其他语言：python、php、Typescript、 English。<br>
        </p>
      </div>
      <div class="card-block">
        <h4 class="card-title">自我评价 <span class="badge badge-primary"
        data-toggle="tooltip" title="Evaluation" data-placement="right">E</span></h4>
        <p class="card-text">
          志在成为独立开发者，还需要更多学习，认为自己还有更多的上升空间。
        </p>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
        integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
        crossorigin="anonymous"></script>
<script type="text/javascript">
  $(function () {
    $("[data-toggle=tooltip]").tooltip()
  });

</script>
</body>
</html>